<template>
  <div class="">
    <el-dialog  v-model="dialogTableVisible" title="详情"  style="width: 400px;" :before-close="handleClose">
      <div class="inner">
        <div> id : <span>{{ inner.id }}</span></div>
        <div> 姓名 : <span>{{ inner.userName }}</span></div>
        <div> 手机号 : <span>{{ inner.mobile }}</span></div>
        <div> 房间号 : <span>{{ inner.houseid }}</span></div>
        <div> 缴费类型 : <span>{{ inner.type }}</span></div>
        <div> 时间 : <span>{{ inner.begindate }}</span></div>
        <div> 应缴金额 : <span>{{ inner.price }}</span></div>
        <div> 导入时间 : <span>{{ inner.addtime }}</span></div>
        <div> 添加者 : <span>{{ inner.admin }}</span></div>
        <div> 状态 : <span>{{ inner.stateName }}</span></div>
      </div>
    </el-dialog>
  </div>
</template>

<script lang='ts' setup>
import { ref,defineProps } from "vue"
defineProps({
    inner: {
        type: Object,
        default: () => ({})
    },
})

const dialogTableVisible = ref(true)

const emit = defineEmits(['close'])
const handleClose = () => {
  dialogTableVisible.value = false
  emit('close',[])
}

</script>

<style  scoped>
</style>
